<!doctype html>
<html>
 	<head>
 		<title>tellForture</title>
 		<script type="text/javascript">
 		function fortune (number,name,loc,job)
 		{
 			console.log('You will be a ' + job + ' in ' + loc + ', and married to ' + name + ' with ' + number + ' kids');
 		}
 		</script>
 		<style type="text/css">
 		.form{
 			position: absolute;
			left: 40%;
			top:30%;
			border: solid;
			border-color: purple;
			background-image: url(http://rlv.zcache.es/tartan_purpura_y_de_la_lila_servilleta-re84d575d41c94952ac8ac69037ee04b8_2cf00_8byvr_324.jpg);
			margin: 0;
 		}
 		</style>

 	</head>

 	<body>
 		<div class="form">
 		<form method="post" action="" class="f">
 		 <div id="numberdiv">
         Number of children: <input type="text" id="number" value="">
         <br><br>
         </div>
         <div id="namediv">
         Partner's Name: <input type="text" id="name" value="">
         <br><br>
         </div>
         <div id="locdiv">
         Geografic location: <input type="text" id="loc" value="">
         <br><br>
         </div>
         <div id="jobdiv">
         Job title: <input type="text" id="job" value="">
         <br><br>
         </div>
         <input type="button"  value="Tell my fortune" onclick="fortune(document.getElementById('number').value, document.getElementById('name').value,document.getElementById('loc').value,document.getElementById('job').value);">
    	</form>
    	</div>


 	</body>

 </html>
